<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>SF轻小说-全国最大的轻小说网站</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>Bootstrap 101 Template</title>
		<!-- Bootstrap -->
		<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="${pageContext.request.contextPath}/js/jquery-1.11.0.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
		<link href="${pageContext.request.contextPath}/css/login1.css" rel="stylesheet"/>
		<script>
			$(function () {
				$(".username").blur(function () {
					$.post("${pageContext.request.contextPath}/checkedName","username="+this.value,function(data){
						$(".userNameSpan").html(data)
					})
				})
			})
		</script>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row" id="a">
				<div class="col-lg-1"></div>
				<div class="col-lg-9">
					<div class="a_1">
						<img src="${pageContext.request.contextPath}/images/goods/logo.png"/>
					</div>
				</div>
				<div class="col-lg-2"></div>
			</div>
			<div class="row" id="b">
				<div class="col-lg-2"></div>
				<div class="col-lg-4">
					<div class="b_1">
						<img src="${pageContext.request.contextPath}/images/goods/login.png"/>
					</div>
				</div>
				<div class="col-lg-5">
					<div class="b_2">
						<form action="${pageContext.request.contextPath}/loginServlet" method="post">
							账号 <input type="text" placeholder="手机号/邮箱" name="username" class="username"/><span class="userNameSpan"></span><br><br>
							密码 <input type="password" name="password"/><br><br>
							<div class="b_2_1">
								<input type="checkbox" checked="checked"/><font style="font-size: 5px;"> 下次自动登录</font>&nbsp;&nbsp;&nbsp;<a href="#"><font style="font-size: 5px;color: blue;">忘记密码？</font></a>
							</div>
							<span><font style="color: hotpink;">${message }</font></span>
							<div class="b_2_2">
								<button class="bt" type="submit">确认登录</button>
							</div>
						</form>
						<div class="b_2_3">
							<font style="font-size: 5px;">还没有通行证账号？<a href="${pageContext.request.contextPath}/page/login2.jsp" style="color: blue;">立即注册</a></font>
						</div>
						<div>
							<hr width="100%">
						</div>
						<font style="font-size: 5px;color: darkslateblue;">其他账号登录：</font><br>
						<div class="png">
							<img src="${pageContext.request.contextPath}/images/goods/qq.png"/>
						</div>
					</div>
				</div>
				<div class="col-lg-1"></div>
			</div>
			<div class="row" id="c">
				<div class="col-lg-1"></div>
				<div class="col-lg-10 text-center" style="height:35px;">
					<div id="c_1">
						<a href="img.html">免责声明</a> &nbsp;|&nbsp; <a href="img.html">版权隐私</a> &nbsp;|&nbsp; <a href="img.html">联系方式</a> <a href="img.html">友情链接</a> &nbsp;| &nbsp;
						<a href="img.html">广告投放</a> &nbsp;|&nbsp; <a href="img.html">粤ICP备10062407号</a> &nbsp;|&nbsp; <a href="img.html">免责声明</a> &nbsp;|&nbsp; 
						粤文网[2012]0726-109号[c]2005 - 2014 SFACG.COM ALL Rights Reserved
					</div>
				</div>
				<div class="col-lg-1"></div>
			</div>
		</div>
	</body>
</html>
